feat(pages): add sponsors#124
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
There was a problem hiding this comment.
Pull request overview
Adds a new “Support / Sponsors” page to the doc site, backed by a generated Open Collective data snapshot and a custom layout rendered through doc-kit’s layout mapping.
Changes:
- Introduces a sponsors data preparation script that fetches Open Collective orders and writes
generated/sponsors.json. - Adds a new
sponsorslayout (and related UI components) plus a new page at/about/sponsors. - Wires the page into global navigation and doc-kit import aliases.
Reviewed changes
Copilot reviewed 22 out of 24 changed files in this pull request and generated 9 comments.
Show a summary per file
| File | Description |
|---|---|
| scripts/prepare/sponsors.mjs | New build-time data generator that fetches Open Collective sponsors/backers into generated/sponsors.json. |
| scripts/html/doc-kit.config.mjs | Adds #theme/sponsors alias pointing at the generated sponsors JSON. |
| pages/site.json | Adds a “Support” link in the global navbar. |
| pages/about/sponsors.md | Adds the sponsors page frontmatter selecting the new layout. |
| package.json | Adds data build scripts and a new dependency (classnames). |
| package-lock.json | Locks the newly added classnames dependency. |
| layouts/Sponsors/index.module.css | Styles for the sponsors page layout. |
| layouts/Sponsors/index.jsx | Sponsors page layout consuming #theme/sponsors JSON and rendering tiers/backers. |
| generated/sponsors.json | New generated seed/snapshot of sponsor/backer data used by the layout. |
| components/Sponsors/Tier/index.module.css | Styles for a sponsor tier section. |
| components/Sponsors/Tier/index.jsx | Renders a tier header and grid of sponsor cards. |
| components/Sponsors/SortToggle/index.module.css | Styles for the sort toggle control. |
| components/Sponsors/SortToggle/index.jsx | Sort toggle (Tabs-based) to re-rank sponsors by metric. |
| components/Sponsors/PricingCard/index.module.css | Styles for a tier pricing CTA tile component. |
| components/Sponsors/PricingCard/index.jsx | New pricing tile component (currently unused in the repo). |
| components/Sponsors/Card/index.module.css | Styles for sponsor cards (multiple sizes). |
| components/Sponsors/Card/index.jsx | Sponsor card rendering external links + avatars + amounts. |
| components/Sponsors/BackerWall/index.module.css | Styles for the backer avatar wall. |
| components/Sponsors/BackerWall/index.jsx | Renders backer avatars and a link to Open Collective. |
| components/SectionHeader/index.module.css | Styles for a centered section header component. |
| components/SectionHeader/index.jsx | New SectionHeader component used by the sponsors page. |
| components/Layout.jsx | Registers sponsors layout in the layout map. |
| components/Icons/Diamond.jsx | Adds a diamond glyph icon used for tier labeling. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
There was a problem hiding this comment.
Just to confirm, this won't be updated unless a new build and deploy is done, right? If that's the case, I'm against it, I think it should refresh automatically from time to time.
There was a problem hiding this comment.
This will update whenever a new build happens, yes, but I think the plan should be to run a new build every day, so it stays fresh.
There was a problem hiding this comment.
Okay, then it sounds good if a build is run every day
Fixes: #98
cc @webpack/TSC